<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>管理购物车</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Flatro Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!--webfont-->
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<link href='http://fonts.useso.com/css?family=Lato:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>

<!-- start menu -->
<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/megamenu.js"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
<script>$(document).ready(function(c) {
	$('.alert-close').on('click', function(c){
		$('.message').fadeOut('slow', function(c){
	  		$('.message').remove();
		});
	});	  
});
</script>
<script>$(document).ready(function(c) {
	$('.alert-close1').on('click', function(c){
		$('.message1').fadeOut('slow', function(c){
	  		$('.message1').remove();
		});
	});	  
});
</script>
<style type="text/css">
	.single_top{
		padding-left: 100px;		
	}
</style>
</head>
<body>
<div class="header_top">
	<div class="container">
         <div class="cssmenu">
			<ul>
			   <li class="active"><a href="#">退出</a></li> 
			</ul>
		 </div>
	</div>
</div>	
<div class="header_bottom men_border">
	    <div class="container">
			<div class="col-xs-9 header-bottom-left">
				<div class="col-xs-2 logo">
					<h1><a href="#"><span>管理</span>购物车</a></h1>
				</div>
				<div class="col-xs-7 menu">
		             <ul class="megamenu skyblue">
				        <li class="grid"><a class="color1" href="manageBuyer.jsp">买家管理</a>			
					    <li class="grid"><a class="color2" href="manageSeller.jsp">卖家管理</a>						
						<li><a class="active color4" href="#">购物车管理</a></li>				
						<li><a class="color5" href="404.html">商铺类别管理</a></li>
						<li><a class="color6" href="contact.html">其他</a></li>
			 		</ul> 
			</div>
		</div>
	    <div class="col-xs-3 header-bottom-right">
              <div class="search">	  
				<input type="text" name="s" class="textbox" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
				<input type="submit" value="Subscribe" id="submit" name="submit">
				<div id="response"> </div>
		     </div>
             <div class="clearfix"></div>
          </div>
      <div class="clearfix"></div>
     </div>
</div>
<div class="single_top">
	 <div class="container"> 
	  <!--pannel start-->
		<div class="box-in">
		<div class="panel panel-info col-md-10 formto" id="section-1">
		   <div class="panel-heading">
		  		购物车管理
		   </div>
		      <div class="panel-body">
		      	<div id="pannel-bodytopl">
		      		<input type="text" placeholder="搜索"/>
		      		<button class="btn btn-success">查找</button>
		         	<a href="#"><i class="fa fa-search"></i></a>		         	
		      	</div>
		      			<div id="pannel-bodytopr" >		         	
  							<a href="#">删除选择</a>	         	
		      			</div>
		         	<!--表格-->
		         	<div class="table-responsive">
					   <table class="table table-hover">
					      <thead>
					         <tr>
					            <th><input type="checkbox"onclick="allSelect();"/>选择/全部</th>
					            <th>用户名</th>
					            <th>是否生成购物车</th>
					            <th>距过期时间还有多少时</th>					          
					            <th>操作</th>
					         </tr>
					      </thead>
					      <tbody>
					         <tr>
					            <td><input type="checkbox"/></td>
					            <td>张三</td>
					            <td>是</td>
					            <td>24</td>					           
					            <td>					           					            	
								    <button type="button" class="btn btn-sm" >
										   删除								 
								    </button>							 
					            </td>			            
					        </tr>
					         <tr>
					            <td><input type="checkbox"/></td>
					            <td>张三</td>
					            <td>是</td>
					            <td>12</td>
					           
					            <td>					           					            	
								    <button type="button" class="btn btn-sm" >
										   删除								 
								    </button>							 
					            </td>
					         </tr>
					         <tr>
					            <td><input type="checkbox"/></td>
					             <td>张三</td>
					            <td>否</td>
					            <td>/</td>					            
					             <td>					           					            	
								    <button type="button" class="btn btn-sm" >
										   删除								 
								    </button>							 
					            </td>
					         </tr>
					         <tr>
					            <td><input type="checkbox"/></td>
					             <td>张三</td>
					            <td>是</td>
					            <td>3</td>					           
					            <td>					           					            	
								    <button type="button" class="btn btn-sm" >
										   删除								 
								    </button>							 
					            </td>
					         </tr>
					         <tr>
					            <td><input type="checkbox"/></td>
					             <td>张三</td>
					            <td>是</td>
					            <td>1</td>					          
					             <td>					           					            	
								    <button type="button" class="btn btn-sm" >
										   删除								 
								    </button>							 
					            </td>
					         </tr>
					         <tr>
					            <td><input type="checkbox"/></td>
					            <td>张三</td>
					            <td>是</td>
					            <td>0</td>					           
					             <td>					           					            	
								    <button type="button" class="btn btn-sm" >
										   删除								 
								    </button>							 
					            </td>
					         </tr>
					      </tbody>
					   </table>
					</div>  
				<!--表格结束-->         		
		         	</table>
		   
				
				 
		         	<!--分页-->
				   <div class="col-sm-9 col-sm-offset-3 pull-right"> 
					   <ul class="pagination">
							  <li><a href="#">&laquo;</a></li>
							  <li><a href="#">1</a></li>
							  <li><a href="#">2</a></li>
							  <li><a href="#">3</a></li>
							  <li><a href="#">4</a></li>
							  <li><a href="#">5</a></li>
							  <li><a href="#">&raquo;</a></li>
						</ul>	 	
				 	</div>
				 	<!--分页结束-->
		 	</div>
		</div>
		 </div>
      </div>
</div>      
<div class="footer">
	<div class="container">
		<div class="footer_bottom">
			<div class="copy">
                <p>Copyright &copy; 2016.第八组.- 有梦想就要坚持呀 </p>
	        </div>
	    </div>
	</div>
</div>
</body>
</html>		